<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script>

        //get
        // axios({
        //     method:'get',
        //     url:'http://localhost:8080/article/getAll'

        // }).then(result=>{
        //     //成功的回调
        //     //result代表服务器响应的所有数据，包含了响应头，响应体，
        //     // result.data 代表的是接口响应的核心数据
        //     console.log(result.data);

        // }).catch(err=>{
        //     //失败的回调
        //     console.log(err);

        // });


        //post
        let article = {
            title: '明天',
            category: '生活',
            time: '2025',
            state: '草稿'
        }
        // axios({
        //     method:'post',
        //     url:'http://localhost:8080/article/add',
        //     data:article
        // }).then(result=>{
        //     //成功的回调
        //     //result代表服务器响应的所有数据，包含了响应头，响应体，
        //     // result.data 代表的是接口响应的核心数据
        //     console.log(result.data);

        // }).catch(err=>{
        //     //失败的回调
        //     console.log(err);

        // });

        //别名
        // axios.get('http://localhost:8080/article/getAll').then(result=>{
        //     //成功的回调
        //     //result代表服务器响应的所有数据，包含了响应头，响应体，
        //     // result.data 代表的是接口响应的核心数据
        //     console.log(result.data);
        // }).catch(err=>{
        //     //失败的回调
        //     console.log(err);

        // });

        // 别名方式
        axios.post('http://localhost:8080/article/add', article).then(result => {
            //成功的回调
            //result代表服务器响应的所有数据，包含了响应头，响应体，
            // result.data 代表的是接口响应的核心数据
            console.log(result.data);
        }).catch(err => {
            //失败的回调
            console.log(err);

        });
    </script>
</body>

</html>